<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片与文字环绕</title>
		<style>
			/* 图片添加浮动，段落不加浮动 */
			img{
				float: left;
				width: 200px;
				height: 200px;
			}
		</style>
	</head>
	<body>
		<img src="img/小新.png" alt="小新">
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis iure rerum magnam deleniti harum facere velit exercitationem, in officia omnis ullam numquam minima? Commodi, quasi iure. Voluptatibus cumque assumenda quisquam.
		Iusto placeat aliquid recusandae beatae consequuntur saepe quis iste? Aut recusandae ab nihil, necessitatibus mollitia nemo possimus repudiandae dicta. Repellat necessitatibus possimus culpa quod. Dignissimos enim quia id quae ea!
		Nihil provident eum quam enim cum, unde quas, deserunt amet, pariatur libero dicta incidunt beatae cupiditate quis architecto repellendus nemo aperiam impedit veniam illum labore quidem eligendi dolores. Magnam, iusto!
		Sunt, minima non quod sit error maiores magni quos deserunt dolores libero fugit id iure cupiditate dolor. Nihil accusantium maxime veniam pariatur placeat itaque, corporis quia distinctio molestias doloremque harum!
		</p>
	</body>
</html>